{% extends '../../layout.html' %}
<!-- header-start -->
{% block head %}
    {% parent %}

    <!--lCalendar.css-->
    <link href="/component/lCalendar/lCalendar.css" rel="stylesheet"/>
    <!--LArea.css-->
    <link href="/component/LArea/LArea.min.css" rel="stylesheet"/>
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
    <div class="return_my_haier">
        <a href="javascript:void(0)" onclick="history.go(-1)">
            <div class="Return">
                <img src="/images/icon/left.png"/>
            </div>
        </a>
    </div>
    <div class="Service_Schedule">
        <main>
                <form>
                    {% for serverList in thatData.list %}
                    <section>
                        <div class="flex-dir-row">
                            <div class="flex-dir-col ">
                                <div class="flex-dir-row mb_5">
                                    <p>服务内容 :</p>
                                    <span>{{ serverList.type }}</span>
                                </div>
                                <div class="flex-dir-row">
                                    <p class="mb_5">申请时间 : </p>
                                    <span class="mt_0">{{ serverList.assign_date }}</span>
                                </div>
                            </div>
                            <div class="flex-dir-col">
                                <p class="mb_5">{{ serverList.p_brand }}{{ serverList.p_group_name }} </p>
                                <span>{{ serverList.p_name }}</span>
                            </div>
                        </div>
                        <div class="flex-dir-col p_tb_5">
                            <div class="flex-dir-row">
                                <p>状态 : </p>
                                <span>{{ serverList.wo_status_zy }}</span>
                            </div>
                            <div class="flex-dir-row">
                                <p>上门地址: </p>
                                <span>{{ serverList.province+serverList.city_name+serverList.road_name+serverList.address }}</span>
                            </div>
                        </div>
                    </section>
                    {% endfor %}
                </form>
            </main>
    </div>
{% endblock %}
<!-- body-end -->
<!-- script-start -->
{% block script %}
    <!--lCalendar.js-->
    <script type="text/javascript" src="/component/lCalendar/lCalendar.min.js"></script>
    <!--LArea.js-->
    <script type="text/javascript" src="/component/LArea/LArea.min.js"></script>
    <!--LArea.Date-->
    <script type="text/javascript" src="/component/lCalendar/LAreaData1.js"></script>
    <script type="text/javascript" src="/js/base/app.js"></script>
{% endblock %}